اول كود 
                <Body>
---------------------------------------

<b:if cond='data:blog.url != data:blog.homepageUrl'>

----------------------------------------

تاني كود تضعه 

                </Body>
-------------------------------------

    </b:if>

--------------------------------------


ثالث كود تضعه 

                <Body>
--------------------------------------------------

<b:if cond='data:blog.url == data:blog.homepageUrl'>









 </b:if>
 
 ___________________________________________________
 

 
 
 
رابع كود 


<body>






<style type='text/css'>

#SITE {
	position:relative;
	width:982px;
	height:73px;
	z-index:1;
	left: 0px;
	top: 0px;
}
body {
	background-repeat: repeat;
	background-image: url(http://www.pageresource.com/wallpapers/wallpaper/and-color-lines-abstract-wide_304440.jpg);
}
#Layer2 {
	position:absolute;
	width:981px;
	height:40px;
	z-index:1;
	left: 19px;
	top: 58px;
}
#Layer3 {
	position:absolute;
	width:980px;
	height:428px;
	z-index:1;
	left: 1px;
	top: 52px;
}
#SLID-COVERTURE {
	position:absolute;
	width:982px;
	height:556px;
	z-index:2;
	left: 0px;
	top: 0px;
}
#InfoMannuel {
	position:absolute;
	width:979px;
	height:164px;
	z-index:3;
	left: 4px;
	top: 560px;
}
#Layer6 {
	position:absolute;
	width:246px;
	height:166px;
	z-index:1;
	left: 0px;
	top: 0px;
}
#Layer7 {
	position:absolute;
	width:246px;
	height:166px;
	z-index:2;
	left: 247px;
}
#Layer8 {
	position:absolute;
	width:246px;
	height:166px;
	z-index:3;
	left: 494px;
	top: 0px;
}
#Layer9 {
	position:absolute;
	width:236px;
	height:156px;
	z-index:4;
	left: 741px;
	top: 11px;
}
#Layer10 {
	position:absolute;
	width:215px;
	height:138px;
	z-index:2;
	left: 14px;
	top: 12px;
}
#Layer11 {
	position:absolute;
	width:215px;
	height:138px;
	z-index:2;
	left: 14px;
	top: 12px;
}
#Layer12 {
	position:absolute;
	width:215px;
	height:138px;
	z-index:2;
	left: 14px;
	top: 12px;
}
#Layer13 {
	position:absolute;
	width:215px;
	height:138px;
	z-index:2;
	left: 14px;
	top: 12px;
}
#Layer14 {
	position:absolute;
	width:46px;
	height:63px;
	z-index:1;
	left: 166px;
	top: 176px;
}
#Layer15 {
	position:absolute;
	width:77px;
	height:82px;
	z-index:1;
	left: 71px;
	top: 55px;
}
#Layer16 {
	position:absolute;
	width:2px;
	height:4px;
	z-index:2;
	left: 79px;
	top: 26px;
}
#Layer17 {
	position:absolute;
	width:66px;
	height:20px;
	z-index:2;
	left: 60px;
	top: 18px;
}
#Layer18 {
	position:absolute;
	width:823px;
	height:416px;
	z-index:1;
	left: 66px;
	top: 88px;
}
#SLID-COUVERTURE-1 {
	position:absolute;
	width:970px;
	height:546px;
	z-index:1;
	left: 6px;
	top: 4px;
}
#Layer20 {
	position:absolute;
	width:468px;
	height:115px;
	z-index:1;
	left: 503px;
	top: 196px;
}
#Layer21 {
	position:absolute;
	width:205px;
	height:98px;
	z-index:1;
	left: 285px;
	top: 174px;
}
#Layer22 {
	position:absolute;
	width:981px;
	height:36px;
	z-index:1;
	left: 1px;
}
#FINsite {
	position:absolute;
	width:1018px;
	height:212px;
	z-index:4;
	left: 138px;
	top: 1728px;
}
#FinTexeLien {
	position:absolute;
	width:870px;
	height:120px;
	z-index:1;
	left: 75px;
	top: 29px;
}
#Layer25 {
	position:absolute;
	width:53px;
	height:101px;
	z-index:2;
	left: 755px;
	top: 127px;
}
#FinLogoHaltaalam {
	position:absolute;
	width:226px;
	height:35px;
	z-index:2;
	left: 395px;
	top: 155px;
}
#FinReserverDroit {
	position:absolute;
	width:383px;
	height:9px;
	z-index:3;
	left: 315px;
	top: 193px;
}
.Style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.Style3 {color: #126363}
#Layer28 {
	position:absolute;
	width:99px;
	height:90px;
	z-index:1;
	left: 13px;
	top: 2px;
}
#Layer29 {
	position:absolute;
	width:532px;
	height:119px;
	z-index:2;
	left: 157px;
	top: 0px;
}
#Layer30 {
	position:absolute;
	width:77px;
	height:49px;
	z-index:1;
	left: 237px;
	top: 3px;
}
#Layer31 {
	position:absolute;
	width:384px;
	height:72px;
	z-index:2;
	left: 238px;
	top: 41px;
	table-layout: auto;
	text-align: inherit;
	text-decoration: none;
	text-transform: none;
	vertical-align: super;
	font-variant: normal;
	font-weight: 700;
}
#Layer32 {
	position:absolute;
	width:870px;
	height:30px;
	z-index:3;
	left: 0px;
	top: -2px;
	text-decoration: inherit;
	vertical-align: baseline;
	word-spacing: normal;
}
#FinBarreTexte {
	position:absolute;
	width:552px;
	height:0px;
	z-index:4;
	left: 152px;
	top: 105px;
}
.HALTAALAM {
	text-decoration: none;
	color: #666666;
	bottom: auto;
	outline-color: #009900;
}
#Layer34 {
	position:absolute;
	width:888px;
	height:281px;
	z-index:5;
	left: 16px;
	top: 825px;
}
#Layer35 {
	position:absolute;
	width:247px;
	height:167px;
	z-index:4;
	left: 741px;
	top: 0px;
}
#Layer36 {
	position:absolute;
	width:599px;
	height:262px;
	z-index:5;
	left: 200px;
	top: 853px;
}
#Layer37 {
	position:absolute;
	width:531px;
	height:161px;
	z-index:5;
	left: 243px;
	top: 844px;
}
#Layer38 {
	position:absolute;
	width:365px;
	height:116px;
	z-index:5;
	left: 262px;
	top: 864px;
}
#Layer39 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
}
#Layer40 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
}
#BARRE-NAVIGATEUR {	position:absolute;
	width:981px;
	height:39px;
	z-index:1;
	left: 1px;
	top: 3px;
	background-image: url(barre th?&#65533;me.png);
}
#COERE-DU-SITE {
	position:absolute;
	width:982px;
	height:410px;
	z-index:5;
	left: 0px;
	top: 728px;
}
#COERE-DU-SITE-1 {
	position:absolute;
	width:970px;
	height:400px;
	z-index:1;
	left: 6px;
	top: 5px;
}
#Layer43 {
	position:absolute;
	width:62px;
	height:67px;
	z-index:1;
	left: 73px;
	top: 19px;
}
#Layer44 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:6;
	left: 481px;
	top: 1501px;
}
#AUTRES {
	position:absolute;
	width:322px;
	height:401px;
	z-index:1;
	left: 0px;
	top: -1px;
}
#HADAT-FI-MITL-ALYAWM {
	position:absolute;
	width:323px;
	height:401px;
	z-index:2;
	left: 323px;
	top: -1px;
}
#MAKALA-MOKHTARA {
	position:absolute;
	width:323px;
	height:401px;
	z-index:3;
	left: 647px;
	top: 1px;
}
#SlideInfoHasarad {
	position:absolute;
	width:970px;
	height:159px;
	z-index:6;
	left: 5px;
	top: 1147px;
}
#InfoMannu1 {
	position:absolute;
	width:240px;
	height:164px;
	z-index:1;
	left: -1px;
	top: 1px;
}
#InfoMannu2 {
	position:absolute;
	width:240px;
	height:164px;
	z-index:2;
	left: 246px;
	top: 1px;
}
#InfoMannu3 {
	position:absolute;
	width:240px;
	height:164px;
	z-index:3;
	left: 490px;
	top: 1px;
}
#InfoMannu4 {
	position:absolute;
	width:240px;
	height:164px;
	z-index:4;
	left: 736px;
	top: 1px;
}
#Layer53 {
	position:absolute;
	width:324px;
	height:48px;
	z-index:7;
	left: 324px;
	top: 1411px;
}
#Layer54 {
	position:absolute;
	width:566px;
	height:137px;
	z-index:7;
	left: 237px;
	top: 1402px;
}
#Mannu1-1 {
	position:absolute;
	width:231px;
	height:155px;
	z-index:1;
	left: 4px;
	top: 3px;
}
#Mannu2-2 {
	position:absolute;
	width:231px;
	height:155px;
	z-index:1;
	left: 4px;
	top: 3px;
}
#Mannu3-3 {
	position:absolute;
	width:231px;
	height:155px;
	z-index:1;
	left: 4px;
	top: 3px;
}
#Mannu4-4 {
	position:absolute;
	width:231px;
	height:155px;
	z-index:1;
	left: 4px;
	top: 3px;
}
#TITRE-LOGO-MAKALA {
	position:absolute;
	width:144px;
	height:24px;
	z-index:1;
	left: 164px;
	top: 13px;
}
#PHOTO-MAKALA {
	position:absolute;
	width:115px;
	height:99px;
	z-index:2;
	left: 197px;
	top: 53px;
}
#TITRE-MAKALA-LOGO {
	position:absolute;
	width:10px;
	height:11px;
	z-index:1;
	left: 120px;
	top: 1px;
}
#TITRE-MAKALA-TEXT {
	position:absolute;
	width:89px;
	height:12px;
	z-index:2;
	left: 32px;
	top: 5px;
}
#TEXT-MAKALA-1 {
	position:absolute;
	width:186px;
	height:104px;
	z-index:3;
	left: 6px;
	top: 49px;
}
#TEXT-MAKALA-2 {
	position:absolute;
	width:305px;
	height:166px;
	z-index:4;
	left: 5px;
	top: 161px;
}
#MAKALA-PLUS {
	position:absolute;
	width:71px;
	height:13px;
	z-index:5;
	left: 9px;
	top: 337px;
}
#TITRE-HADAT-LOGO {
	position:absolute;
	width:183px;
	height:24px;
	z-index:1;
	left: 127px;
	top: 13px;
}
#TITRE-LOGO-HADAT {
	position:absolute;
	width:10px;
	height:24px;
	z-index:1;
	left: 158px;
}
#TITRE-TEXTE-HADAT {
	position:absolute;
	width:115px;
	height:15px;
	z-index:2;
	left: 14px;
	top: 5px;
}
#HADAT-TEXT1 {
	position:absolute;
	width:306px;
	height:343px;
	z-index:2;
	left: 7px;
	top: 49px;
}
#HADAT-TEXT2 {
	position:absolute;
	width:305px;
	height:326px;
	z-index:2;
	left: 1px;
	top: 18px;
}
.Style47 {
	text-decoration: none;
	color: #666666;
	bottom: auto;
	outline-color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#AUTRES-TEXT {
	position:absolute;
	width:305px;
	height:17px;
	z-index:1;
	left: 8px;
	top: 279px;
}
#AUTRES-ICONE {
	position:absolute;
	width:36px;
	height:4px;
	z-index:2;
	left: 112px;
	top: 321px;
}
#Layer1 {
	position:absolute;
	width:536px;
	height:164px;
	z-index:7;
	left: 300px;
	top: 1401px;
}
#index {
	position:absolute;
	width:982px;
	height:518px;
	z-index:7;
	left: 100px;
	top: 101px;
}
#Layer5 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
}
#Layer19 {
	position:absolute;
	width:178px;
	height:31px;
	z-index:2;
	left: 790px;
	top: 33px;
}
#Layer23 {
	position:absolute;
	width:21px;
	height:22px;
	z-index:1;
	left: 150px;
	top: 2px;
}
#Layer24 {
	position:absolute;
	width:117px;
	height:6px;
	z-index:2;
	left: 9px;
	top: 7px;
}
.Style48 {color: #666666}
#Layer26 {
	position:absolute;
	width:230px;
	height:190px;
	z-index:2;
	left: 726px;
	top: 52px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
a:link {
	text-decoration: none;
	color: #666666;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #0D716B;
}
a:active {
	text-decoration: none;
	color: #000000;
}
.Style31 {	font-size: 14px;
	font-weight: bold;
	color: #258175;
}
.Style46 {	text-decoration: none;
	color: #666666;
	bottom: auto;
	outline-color: #009900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Style50 {color: #333333}
.Style51 {color: #666666; bottom: auto; outline-color: #009900; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.Style53 {text-decoration: none; color: #21AB8F; bottom: auto; outline-color: #009900; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.Style54 {	text-decoration: none;
	color: #000000;
	bottom: auto;
	outline-color: #009900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.Style55 {font-size: 14px}
.Style56 {	color: #333333;
	font-size: 12px;
	font-weight: bold;
}
#fin {
	position:absolute;
	width:748px;
	height:115px;
	z-index:7;
	left: 0px;
	top: 1320px;
}
.Style58 {
	bottom: auto;
	outline-color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
#Layer4 {
	position:absolute;
	width:193px;
	height:24px;
	z-index:1;
	left: 118px;
	top: 15px;
}
#Layer27 {
	position:absolute;
	width:7px;
	height:22px;
	z-index:1;
	left: 165px;
	top: 1px;
}
#Layer33 {
	position:absolute;
	width:44px;
	height:12px;
	z-index:2;
	left: 92px;
	top: 6px;
}
#Layer41 {
	position:absolute;
	width:300px;
	height:300px;
	z-index:2;
	left: 11px;
	top: 65px;
	background-color: #000000;
}
#Layer42 {
	position:absolute;
	width:524px;
	height:470px;
	z-index:1;
	left: 227px;
	top: 26px;
}
#Layer45 {
	position:absolute;
	width:247px;
	height:106px;
	z-index:1;
	left: 116px;
	top: 213px;
}
#Layer46 {
	position:absolute;
	width:217px;
	height:26px;
	z-index:1;
	left: 10px;
	top: 0px;
}
#Layer47 {
	position:absolute;
	width:167px;
	height:18px;
	z-index:2;
	left: 10px;
	top: 33px;
}
#Layer48 {
	position:absolute;
	width:227px;
	height:26px;
	z-index:3;
	left: 10px;
	top: 69px;
}
#Layer49 {
	position:absolute;
	width:227px;
	height:129px;
	z-index:1;
	left: 739px;
	top: 15px;
	background-color: #af240a;
}
#Layer50 {
	position:absolute;
	width:285px;
	height:130px;
	z-index:2;
	left: 236px;
	top: 15px;
	background-color: #AC193D;
}
#Layer51 {
	position:absolute;
	width:200px;
	height:130px;
	z-index:3;
	left: 530px;
	top: 15px;
	background-color: #008917;
}

#Layer52:hover {
-webkit-filter: brightness(110%);

  }
#Layer51:hover {
-webkit-filter: brightness(110%);

  }
#Layer55:hover {
-webkit-filter: brightness(110%);

  }
#Layer58:hover {
-webkit-filter: brightness(110%);

  }
#Layer57:hover {
-webkit-filter: brightness(110%);

  }

#Layer52 {
	position:absolute;
	width:138px;
	height:132px;
	z-index:4;
	left: 236px;
	top: 155px;
	background-color: #00ACED;
}
#Layer55 {
	position:absolute;
	width:137px;
	height:133px;
	z-index:5;
	left: 384px;
	top: 154px;
	background-color: #3B5998;
}
#Layer56 {
	position:absolute;
	width:286px;
	height:115px;
	z-index:6;
	left: 236px;
	top: 298px;
	background-color: #4517B2;
}
#Layer57 {
	position:absolute;
	width:200px;
	height:133px;
	z-index:7;
	left: 531px;
	top: 154px;
	background-color: #D24726;
}
#Layer58 {
position: absolute;
width: 496px;
height: 115px;
z-index: 8;
left: 235px;
top: 298px;
background-color: #09B5BD;
}
#Layer59 {
	position:absolute;
	width:226px;
	height:259px;
	z-index:9;
	left: 740px;
	top: 154px;
	background-color: #000000;
}
#Layer60 {
	position:absolute;
	width:433px;
	height:87px;
	z-index:10;
	left: 485px;
	top: 425px;
  }
</style>
<div align='center'>
<div id='SITE'>
<div id='index'>
<div id='layer'/>
<div id='Layer60'>
<a href='https://plus.google.com/+mortadabach? rel=author'>Google</a>
</div>
<div id='Layer59'>
<!-- Begin DWUser_EasyRotator -->
<script src='http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js' type='text/javascript'/>
<div class='dwuserEasyRotator' data-erConfig='{autoplayEnabled:true, randomize:true, autoplayPauseOnHover:false, lpp:&apos;102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-83-79-78-89-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47&apos;, wv:1, autoplayDelay:4500}' data-erName='PHoto' data-erTID='{nvtsgfr8xj5957596994731}' style='width: 226px; height: 259px; position:relative; text-align: left; background-color: #000000;'>
<div data-ertype='content' style='display: none;'><ul data-erlabel='Main Category'>
<li>
<img class='main' src='http://im89.gulfup.com/ndnusA.png'/>
<img class='thumb' src='http://im89.gulfup.com/ndnusA.png'/>
</li>
<li>
<img class='main' src='http://im89.gulfup.com/UE7aK6.png'/>
<img class='thumb' src='http://im89.gulfup.com/UE7aK6.png'/>
</li>
</ul>
</div>
<div data-ertemplateName='NONE' data-ertype='layout' style=''>
<div class='erimgMain' data-erConfig='{__numTiles:3, scaleMode:&apos;scaleUpAndDown&apos;, imgType:&apos;main&apos;, __loopNextButton:false, __arrowButtonMode:&apos;rollover&apos;}' style='position: absolute; left:0;right:0;top:0;bottom:0;'>
<div class='erimgMain_slides' style='position: absolute; left:0; top:0; bottom:0; right:0;'>
<div class='erimgMain_slide'>
<div class='erimgMain_img' style='position: absolute; left: 0; right: 0; top: 0; bottom: 0;'/>
</div>
</div>
</div><div class='erabout erFixCSS3' style='color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 100px; border-radius: 10px; display:none;'>
				By : DZPRO <a href='http://www.dwuser.com/easyrotator/' style='color:#FFF;' target='_blank'/>
<a href='http://www.dwuser.com/easyrotator/' style='color:#FFF;' target='_blank'/>
<a class='erabout_ok' href='#' style='color:#FFF;'>OK</a>
</div>
<noscript>
			Rotator powered by <a href='http://www.dwuser.com/easyrotator/'>EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com.  Please enable JavaScript to view.
		</noscript>
<script type='text/javascript'>/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]=&quot;temp&quot;;var a=c.createElement(&quot;script&quot;);a.type=&quot;text/javascript&quot;;a.src=&quot;http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js&quot;;c.getElementsByTagName(&quot;head&quot;)[0].appendChild(a)}}catch(e){alert(&quot;EasyRotator fail; contact support.&quot;)}})(window,document,&quot;er_$144&quot;);</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
</div>
<div id='Layer58'><a href=''><img height='115' src='http://4.bp.blogspot.com/-Jk5rn6NFmqY/Uz7UiJ76ukI/AAAAAAAAAE8/qVZrBzvFT5k/s1600/Sans+titre-2.png' width='496'/></a>
</div>
<div id='Layer57'><a href='mailto:g441607@gmail.com ' onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(&apos;Image14&apos;,&apos;&apos;,&apos;http://www.shy22.com/upfilpng/w2912427.png&apos;,1)'><img border='0' height='133' id='Image14' name='Image14' src='http://www.shy22.com/upfilpng/w2912427.png' width='200'/></a></div>
<div id='Layer55'><a href='https://www.facebook.com/thedzproo' onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(&apos;Image13&apos;,&apos;&apos;,&apos;http://www.shy22.com/upfilpng/1ps08921.png&apos;,1)' target='_blank'><img border='0' height='133' id='Image13' name='Image13' src='http://www.shy22.com/upfilpng/1ps08921.png' width='137'/></a></div>
<div id='Layer52'><a href='https://twitter.com/tada2mor' onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(&apos;Image12&apos;,&apos;&apos;,&apos;http://www.shy22.com/upfilpng/jxr08921.png&apos;,1)' target='_blank'><img border='0' height='132' id='Image12' name='Image12' src='http://www.shy22.com/upfilpng/jxr08921.png' width='138'/></a></div>
<div id='Layer49'><img height='129' src='http://3.bp.blogspot.com/-733WR6Pt8JE/Uz7OQFn3LSI/AAAAAAAAADk/ESb3YM2IuA0/s1600/3000.png' width='226'/></div>
<div id='Layer50'>
<!-- Begin DWUser_EasyRotator -->
<script src='http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js' type='text/javascript'/>
<div class='dwuserEasyRotator' data-erConfig='{autoplayEnabled:true, lpp:&apos;102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-83-79-78-89-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47&apos;, wv:1, autoplayPauseOnHover:false}' data-erName='TEXTE' data-erTID='{dlvb3acds7442624894731}' style='width: 285px; height: 130px; position:relative; text-align: left; background-color: #AC193D;'>
<div data-ertype='content' style='display: none;'><ul data-erlabel='Main Category'>
<li>
<img class='main' src='http://im52.gulfup.com/MzyLeW.png'/>
<img class='thumb' src='http://im52.gulfup.com/MzyLeW.png'/>
</li>
<li>
<img class='main' src='http://2.bp.blogspot.com/-lC9IH3MGAH8/Uz7OQWeQ_PI/AAAAAAAAADo/jpG9T-VOSRY/s1600/rose+11.png'/>
<img class='thumb' src='http://2.bp.blogspot.com/-lC9IH3MGAH8/Uz7OQWeQ_PI/AAAAAAAAADo/jpG9T-VOSRY/s1600/rose+11.png'/>
</li>
<li>
<img class='main' src='http://4.bp.blogspot.com/-EW9qps-Hf9w/Uz7OQ12E83I/AAAAAAAAAD0/Dov04gUn-Ug/s1600/rose+12.png'/>
<img class='thumb' src='http://4.bp.blogspot.com/-EW9qps-Hf9w/Uz7OQ12E83I/AAAAAAAAAD0/Dov04gUn-Ug/s1600/rose+12.png'/>
</li>
</ul>
</div>
<div data-ertemplateName='NONE' data-ertype='layout' style=''>
<div class='erimgMain' data-erConfig='{__numTiles:4, scaleMode:&apos;scaleUpAndDown&apos;, imgType:&apos;main&apos;, __loopNextButton:false, __arrowButtonMode:&apos;rollover&apos;}' style='position: absolute; left:0;right:0;top:0;bottom:0;'>
<div class='erimgMain_slides' style='position: absolute; left:0; top:0; bottom:0; right:0;'>
<div class='erimgMain_slide'>
<div class='erimgMain_img' style='position: absolute; left: 0; right: 0; top: 0; bottom: 0;'/>
</div>
</div>
</div>
<div class='erabout erFixCSS3' style='color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 100px; border-radius: 7px; display:none;'>
			By : DZPRO <a href='http://www.dwuser.com/easyrotator/' style='color:#FFF;' target='_blank'/>
<a href='http://www.dwuser.com/easyrotator/' style='color:#FFF;' target='_blank'/>
<a class='erabout_ok' href='#' style='color:#FFF;'>OK</a>
</div>
<noscript>
			Rotator powered by <a href='http://www.dwuser.com/easyrotator/'>EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com.  Please enable JavaScript to view.
		</noscript>
<script type='text/javascript'>/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]=&quot;temp&quot;;var a=c.createElement(&quot;script&quot;);a.type=&quot;text/javascript&quot;;a.src=&quot;http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js&quot;;c.getElementsByTagName(&quot;head&quot;)[0].appendChild(a)}}catch(e){alert(&quot;EasyRotator fail; contact support.&quot;)}})(window,document,&quot;er_$144&quot;);</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
</div>
<div id='Layer51'><a href='https://www.youtube.com/inf' onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(&apos;Image27&apos;,&apos;&apos;,&apos;http://www.shy22.com/upfilpng/hkx08921.png&apos;,1)' target='_blank'><img border='0' height='130' id='Image27' name='Image27' src='http://www.shy22.com/upfilpng/hkx08921.png' width='200'/></a></div>
</div>
</div>
</div>
<style>
.ta7ta{
text-shadow: 1px 1px #FFF;
color: #000;
font: 100% tahoma,arial;
width: 100%;
display: inline-block;
text-align: center;
margin: 10px auto;
margin-top: 450px;
border-top: 1px solid #DDD;
-webkit-box-shadow: 0px 1px #FFF inset;
box-shadow: 0px 1px #FFF inset;

  }

</style>

<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;widgetJsBefore&#39;);
</script><script src='https://www.blogger.com/static/v1/widgets/3882746423-widgets.js' type='text/javascript'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<script type='text/javascript'>
_WidgetManager._SetDataContext([{&#39;name&#39;: &#39;blog&#39;, &#39;data&#39;: {&#39;blogId&#39;: &#39;3595559190508308531&#39;, &#39;bloggerUrl&#39;: &#39;http://www.blogger.com&#39;, &#39;title&#39;: &#39;DZPRO&#39;, &#39;pageType&#39;: &#39;index&#39;, &#39;url&#39;: &#39;http://www.dzprofessionale.com/&#39;, &#39;canonicalUrl&#39;: &#39;http://www.dzprofessionale.com/&#39;, &#39;canonicalHomepageUrl&#39;: &#39;http://www.dzprofessionale.com/&#39;, &#39;homepageUrl&#39;: &#39;http://www.dzprofessionale.com/&#39;, &#39;blogspotFaviconUrl&#39;: &#39;http://www.dzprofessionale.com/favicon.ico&#39;, &#39;enabledCommentProfileImages&#39;: true, &#39;adultContent&#39;: false, &#39;disableAdSenseWidget&#39;: false, &#39;analyticsAccountNumber&#39;: &#39;UA-42424945-1&#39;, &#39;searchLabel&#39;: &#39;&#39;, &#39;searchQuery&#39;: &#39;&#39;, &#39;pageName&#39;: &#39;&#39;, &#39;pageTitle&#39;: &#39;DZPRO&#39;, &#39;metaDescription&#39;: &#39;dzproÙ&#8230;Ø&#173;ØªØ&#177;Ù&#129; Ø&#167;Ù&#8222;Ø&#172;Ø&#178;Ø&#167;Ø&#166;Ø&#177; Ù&#8218;ÙˆØ&#167;Ù&#8222;Ø&#168; Ø&#168;Ù&#8222;ÙˆØ&#172;Ø&#177; Ø&#173;Ø&#167;Ø&#179;ÙˆØ&#168; Ùˆ Ø&#173;Ù&#8222;Ù&#8218;Ø&#167;Øª ÙˆØ&#168;Ø&#177;Ø&#167;Ù&#8230;Ø&#172; Ù&#8230;Ø&#172;Ø&#167;Ù&#8224;ÙŠØ&#169; Ø&#175;Ø&#177;ÙˆØ&#179; Ø&#179;ÙŠÙˆ&#39;, &#39;encoding&#39;: &#39;UTF-8&#39;, &#39;locale&#39;: &#39;ar&#39;, &#39;localeUnderscoreDelimited&#39;: &#39;ar&#39;, &#39;isPrivate&#39;: false, &#39;isMobile&#39;: false, &#39;isMobileRequest&#39;: false, &#39;mobileClass&#39;: &#39;&#39;, &#39;isPrivateBlog&#39;: false, &#39;languageDirection&#39;: &#39;rtl&#39;, &#39;feedLinks&#39;: &#39;\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42DZPRO - Atom\42 href\75\42http://www.dzprofessionale.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42DZPRO - RSS\42 href\75\42http://www.dzprofessionale.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42DZPRO - Atom\42 href\75\42http://www.blogger.com/feeds/3595559190508308531/posts/default\42 /\76\n&#39;, &#39;meTag&#39;: &#39;&#39;, &#39;openIdOpTag&#39;: &#39;\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n\74link rel\75\42openid.delegate\42 href\75\42http://www.dzprofessionale.com/\42 /\76\n&#39;, &#39;latencyHeadScript&#39;: &#39;\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42chrome\42,g\75\42jstiming\42,k\75\42tick\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[k](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var n\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:n};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[g].srt\75h-c)}if(a){var e\75b[g].load;0\74c\46\46h\76\75c\46\46(e[k](\42_wtsrt\42,void 0,c),e[k](\42wtsrt_\42,\42_wtsrt\42,h),e[k](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb[f]\46\46b[f].csi\46\46(a\75Math.floor(b[f].csi().pageT),e\46\0460\74c\46\46(e[k](\42_tbnd\42,void 0,b[f].csi().startE),e[k](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[k](\42_tbnd\42,void 0,b.external.startE),e[k](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[g].pt\75a)}catch(p){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[g].load[k](\42aft\42)};var l\75!1;function m(){l||(l\75!0,b[g].load[k](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,m,!1):b.attachEvent(\42onscroll\42,m);\n })();\74/script\076&#39;, &#39;mobileHeadScript&#39;: &#39;&#39;, &#39;view&#39;: &#39;&#39;, &#39;dynamicViewsCommentsSrc&#39;: &#39;//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js&#39;, &#39;dynamicViewsScriptSrc&#39;: &#39;//www.blogblog.com/dynamicviews/76f25a6f2e06af76&#39;, &#39;plusOneApiSrc&#39;: &#39;https://apis.google.com/js/plusone.js&#39;, &#39;sf&#39;: &#39;n&#39;}}, {&#39;name&#39;: &#39;skin&#39;, &#39;data&#39;: {&#39;vars&#39;: {}, &#39;override&#39;: &#39;&#39;}}, {&#39;name&#39;: &#39;view&#39;, &#39;data&#39;: {&#39;classic&#39;: {&#39;name&#39;: &#39;classic&#39;, &#39;url&#39;: &#39;/?view\75classic&#39;}, &#39;flipcard&#39;: {&#39;name&#39;: &#39;flipcard&#39;, &#39;url&#39;: &#39;/?view\75flipcard&#39;}, &#39;magazine&#39;: {&#39;name&#39;: &#39;magazine&#39;, &#39;url&#39;: &#39;/?view\75magazine&#39;}, &#39;mosaic&#39;: {&#39;name&#39;: &#39;mosaic&#39;, &#39;url&#39;: &#39;/?view\75mosaic&#39;}, &#39;sidebar&#39;: {&#39;name&#39;: &#39;sidebar&#39;, &#39;url&#39;: &#39;/?view\75sidebar&#39;}, &#39;snapshot&#39;: {&#39;name&#39;: &#39;snapshot&#39;, &#39;url&#39;: &#39;/?view\75snapshot&#39;}, &#39;timeslide&#39;: {&#39;name&#39;: &#39;timeslide&#39;, &#39;url&#39;: &#39;/?view\75timeslide&#39;}}}]);
_WidgetManager._RegisterWidget(&#39;_HTMLView&#39;, new _WidgetInfo(&#39;HTML5&#39;, &#39;footer3&#39;, null, document.getElementById(&#39;HTML5&#39;), {}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_HTMLView&#39;, new _WidgetInfo(&#39;HTML8&#39;, &#39;tab2&#39;, null, document.getElementById(&#39;HTML8&#39;), {}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_PopularPostsView&#39;, new _WidgetInfo(&#39;PopularPosts1&#39;, &#39;tab1&#39;, null, document.getElementById(&#39;PopularPosts1&#39;), {}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_LabelView&#39;, new _WidgetInfo(&#39;Label2&#39;, &#39;tab4&#39;, null, document.getElementById(&#39;Label2&#39;), {}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_HTMLView&#39;, new _WidgetInfo(&#39;HTML1&#39;, &#39;sidebar&#39;, null, document.getElementById(&#39;HTML1&#39;), {}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_HTMLView&#39;, new _WidgetInfo(&#39;HTML2&#39;, &#39;sidebar&#39;, null, document.getElementById(&#39;HTML2&#39;), {}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_HTMLView&#39;, new _WidgetInfo(&#39;HTML9&#39;, &#39;tab3&#39;, null, document.getElementById(&#39;HTML9&#39;), {}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_HeaderView&#39;, new _WidgetInfo(&#39;Header1&#39;, &#39;header&#39;, null, document.getElementById(&#39;Header1&#39;), {}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_BlogView&#39;, new _WidgetInfo(&#39;Blog1&#39;, &#39;main&#39;, null, document.getElementById(&#39;Blog1&#39;), {&#39;cmtInteractionsEnabled&#39;: false, &#39;lightboxEnabled&#39;: true, &#39;lightboxModuleUrl&#39;: &#39;https://www.blogger.com/static/v1/jsbin/2108975930-lbx__ar.js&#39;, &#39;lightboxCssUrl&#39;: &#39;https://www.blogger.com/static/v1/v-css/3904812905-lightbox_bundle_rtl.css&#39;}, &#39;displayModeFull&#39;));
_WidgetManager._RegisterWidget(&#39;_PageListView&#39;, new _WidgetInfo(&#39;PageList14&#39;, &#39;null&#39;, null, document.getElementById(&#39;PageList14&#39;), {&#39;title&#39;: &#39;Pages&#39;, &#39;links&#39;: [{&#39;href&#39;: &#39;http://www.dzprofessionale.com/p/bptoc-border-0px-solid-000000.html&#39;, &#39;title&#39;: &#39;Ù&#129;Ù&#8225;Ø&#177;Ø&#179; Ø&#167;Ù&#8222;Ù&#8230;Ø&#175;ÙˆÙ&#8224;Ø&#169; &#39;, &#39;isCurrentPage&#39;: false}, {&#39;href&#39;: &#39;http://www.dzprofessionale.com/p/blog-page_18.html&#39;, &#39;title&#39;: &#39;ØªØ&#168;Ø&#167;Ø&#175;Ù&#8222; Ø&#167;Ø&#185;Ù&#8222;Ø&#167;Ù&#8224;ÙŠ&#39;, &#39;isCurrentPage&#39;: false}, {&#39;href&#39;: &#39;http://www.dzprofessionale.com/p/www.html&#39;, &#39;title&#39;: &#39;Ø&#179;ÙŠØ&#167;Ø&#179;Ø&#169; Ø&#167;Ù&#8222;Ø&#174;ØµÙˆØµÙŠØ&#169; &#8211; privacy-policy &#39;, &#39;isCurrentPage&#39;: false}, {&#39;href&#39;: &#39;http://www.dzprofessionale.com/p/blog-page_25.html&#39;, &#39;title&#39;: &#39;Ø&#163;Ù&#8224;Ø&#180;Ø&#177; Ù&#8230;ÙˆØ&#182;ÙˆØ&#185;Ùƒ Ù&#129;ÙŠ Ø&#167;Ù&#8222;Ù&#8230;Ø&#175;ÙˆÙ&#8224;Ø&#169;&#39;, &#39;isCurrentPage&#39;: false}, {&#39;href&#39;: &#39;http://www.dzprofessionale.com/p/blog-page_6.html&#39;, &#39;title&#39;: &#39;Ø&#173;Ù&#8218;ÙˆÙ&#8218; Ø&#167;Ù&#8222;Ù&#8224;Ø&#180;Ø&#177;&#39;, &#39;isCurrentPage&#39;: false}, {&#39;href&#39;: &#39;http://www.dzprofessionale.com/p/blog-page_7375.html&#39;, &#39;title&#39;: &#39;Ø&#167;Ù&#8224;Ø&#180;Ø&#177; Ø&#167;Ù&#8222;Ù&#8230;ÙˆØ&#182;ÙˆØ&#185; Ù&#8222;Ù&#8222;ØªØ&#173;Ù&#8230;ÙŠÙ&#8222;&#39;, &#39;isCurrentPage&#39;: false}], &#39;mobile&#39;: false}, &#39;displayModeFull&#39;));
</script>






<div class='ta7ta'>

<div id='copyrights-wrapper'>
<div id='copyrights'>
<div class='copy-right'>
  <p>جميع الحقوق محفوظة لمدونة <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> 2013 </p>
  </div>
<div class='copy-left'>
  <p>تصميم :<a href='https://www.facebook.com/hamza.fahd'>حمزة اومريبط </a>تطوير :<a href=' https://www.facebook.com/mostafa.patchito'>  مصطفى ادمشيش </a></p>
  </div>
  </div>
  </div>


</div>



  </body>

---------------------------------------------------

